/**
* 用于需要悬停提示内容的父级元素
 */
.one-mouseover{
  position: relative;
  min-height: 80px;
}
/**
* 用于鼠标悬停时，显示提示内容，并且宽度与父元素一致
* 注：要使用的话需要父元素相对定位或绝对定位。
 */
.one-mouseover-block{
  display: none;
  position: absolute;
  top: 0;
  transform: translateY(-100%);
  left: -1px;
  right: -1px;
  background-color: rgba(50, 50, 50, 0.7);
  color: #fff;
  padding: 5px 10px;
  border-radius: 2px;
  cursor: default;
}
.one-mouseover:hover .one-mouseover-block{
  display: block;
}
/**
* 用于悬停时，将光标显示为小手
 */
.one-cursor-pointer{
  cursor: pointer;
}
